---
interface Props {
    id: string;
    title: string;
}

const { id,  title} = Astro.props;
---

<li class="me-2 shrink-0" role="presentation">
    <button
        class="inline-block p-4 border-b-2 rounded-t-lg"
        id={id}
        data-tabs-target={"#" + id+'-target'}
        type="button"
        role="tab"
        aria-controls={"controls-" + id}
        aria-selected="false">{title}</button
    >
</li>
